<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>80教育网</title>
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="header-top">
        <div class="header-center">
            <div class="header-left">
                <ul class="beforelogin">
                    <li id="loginClick">
                        <span>
                            请登录
                        </span>
                    </li>
                    <li id="registerClick">
                        <span>
                            注册
                        </span>
                    </li>
                    <li>
                        <span class="header-last">
                            其他登录方式
                            <i class="header-jiantou"></i>
                        </span>
                        <div class="header-show">
                            <a href=" ">
                                <i class="header-QQ"></i>
                                QQ登录
                            </a>
                            <br>
                            <a href="javascript:;">
                                <i class="header-WX"></i>
                                微信登录
                            </a>
                        </div>
                    </li>
                </ul>
                <ul class="loginAfter">
                    <li>
                        <i class="iconfont icon-user"></i><span id="userName"></span>
                    </li>
                    <li id="backuser">
                        <span>
                            退出
                        </span>
                    </li>

                </ul>
            </div>
            <div class="header-right">
                <ul>
                    <li>
                        <i class="header-phone"></i>
                        <span>手机版</span>
                        <div class="header-hide">
                            <img src="./img/895624856_20190513190953.png" alt="">
                            <p>查看手机网址</p>
                        </div>
                    </li>
                    <li>
                        <i class="header-collent"></i>
                        <span>收藏本站</span>
                    </li>
                    <li>
                        <span>我的资料</span>
                    </li>
                    <li>
                        <span>我的订单</span>
                    </li>
                    <li id="shopping">
                        <i class="header-car"></i>
                        <span class="header-last">购物车（0）</span>
                        <div class="header-Gosppsa">
                            <div>
                                <p>最近加入</p>
                                <ul class="shopping-ueser">
                                </ul>
                                <div class="bottom-jiesuan">
                                    <i class="All-shang" style="display: initial;">共3件商品</i>
                                    <br>
                                    <i style="display: initial;position: relative;top: -10px;">总计：</i>
                                    <b style="float: none; position: relative;top: -10px;right:0">￥2000.00</b>
                                    <button>去购物车结算</button>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div style="width:100%;background-color:#fff;padding-top: 36px;">
        <div class="header-logo">
            <ul style="width:50%;float: left;">
                <li>
                    <img src="./img/hader-logo.png" alt="">
                </li>
                <li>
                    <b>好教育&nbsp;&nbsp;八零造</b>
                </li>
            </ul>
            <div class="header-Input" style="width:50%;float: left;">
                <div style="margin: 13px 0 0 1px;position: relative;width: 332px">
                    <input type="text">
                    <button class="header-Button">搜索</button>
                </div>
                <div class="header-shopping">
                    <div style="position: relative">
                        <i>图</i>
                        <span>我的购物车</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="header-navigation">
        <div class="header-navIn">
            <ul class="header-nav">
                <li>
                    <i class="header-daohang"></i>
                    <a>宝贝分类</a>
                    <div class="header-xiala">
                    </div>
                </li>
                <li id="allbabyClick">
                    <a>所有宝贝</a>
                </li>
                <li id="indexClick">
                    <a>首页</a>
                </li>
                <li>
                    <a>80课堂</a>
                </li>
                <li>
                    <a>80题库</a>
                </li>
                <li>
                    <a>80淘宝</a>
                </li>
                <li>
                    <a>关于我们</a>
                </li>
                <li>
                    <a>80资讯</a>
                </li>
            </ul>
            <div class="header-Table">
                <img src="./img/Tab1.jpg" alt="">
                <img src="./img/Tab2.jpg" alt="">
                <img src="./img/Tab3.jpg" alt="">
                <ul class="header-tab">
                    <li class="activeLi">1</li>
                    <li>2</li>
                    <li>3</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="header-Mode">
        <div class="header-Foders">
            <span class="header-TestSpan">报销宝贝</span>
            <div class="header-box">
                <ul>
                    <li>
                        <b>注册基础类</b>
                        <br>
                        <span>公共基础/专业基础</span>
                        <img src="./img/shenhuo1.png" alt="">
                        <a href="javascript:;">
                            <span>去看看</span>
                        </a>
                    </li>
                    <li>
                        <b>注册岩土</b>
                        <br>
                        <span>岩石专业</span>
                        <img src="./img/shenhuo2.jpg" alt="">
                        <br>
                        <a href="javascript:;">
                            <span>去看看</span>
                        </a>
                    </li>
                    <li>
                        <b>注册公用设备</b>
                        <br>
                        <span>暖通空调/动力/给水/排水</span>
                        <img src="./img/shenhuo3.png" alt="">
                        <br>
                        <a href="javascript:;">
                            <span>去看看</span>
                        </a>
                    </li>
                    <li>
                        <b>注册电气</b>
                        <br>
                        <span>供配电/发输变电</span>
                        <img src="./img/shenhuo4.png" alt="">
                        <br>
                        <a href="javascript:;">
                            <span>去看看</span>
                        </a>
                    </li>
                    <li>
                        <b>注册结构</b>
                        <br>
                        <span>一级结构/二级结构</span>
                        <img src="./img/shenhuo5.png" alt="">
                        <br>
                        <a href="javascript:;">
                            <span>去看看</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <div class="header-Mode" style="margin-top:290px;">
        <div class="header-Foders" style="background-color:#009fe9;">
            <span class="header-TestSpan">报销宝贝</span>
            <div class="header-baoxiao">
                <ul>
                    <li>
                        <i class="qwe"></i>
                        <img src="./img/baoxiao1.jpg" alt="">
                    </li>
                    <li>
                        <i class="qwe"></i>
                        <img src="./img/baoxiao1.jpg" alt="">
                    </li>
                    <li>
                        <i class="qwe"></i>
                        <img src="./img/baoxiao1.jpg" alt="">
                    </li>
                    <li>
                        <i class="qwe"></i>
                        <img src="./img/baoxiao1.jpg" alt="">
                    </li>
                    <li>
                        <i class="qwe"></i>
                        <img src="./img/baoxiao1.jpg" alt="">
                    </li>
                    <li>
                        <i class="qwe"></i>
                        <img src="./img/baoxiao1.jpg" alt="">
                    </li>
                    <li>
                        <i class="qwe"></i>
                        <img src="./img/baoxiao1.jpg" alt="">
                    </li>
                    <li>
                        <i class="qwe"></i>
                        <img src="./img/baoxiao1.jpg" alt="">
                    </li>
                    <li>
                        <i class="qwe"></i>
                        <img src="./img/baoxiao1.jpg" alt="">
                    </li>
                    <li>
                        <i class="qwe"></i>
                        <img src="./img/baoxiao1.jpg" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="header-body">
        <div class="contenter" style="margin-top:31px;">
            <div class="con-header">
                <div>
                    注册基础真题/教辅
                </div>
            </div>
            <div class="con-con">
                <div class="con-left fl">
                    <div class="con-text">
                        <p class="con-text-one">注册基础真题教辅</p>
                        <p>历年真题解析注考必备</p>
                    </div>
                    <div class="con-left-img">
                        <div class="picTab playtwo">
                        </div>
                    </div>
                    <div class="con-left-btn">
                        查看更多
                    </div>
                </div>
                <div class="con-right con-righttwo fr">
                    <div class="fr-header">
                        <a href="javascript:;" class="fr">
                            <i></i>
                            幻灯片
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="contenter" style="margin-top:9px;">
            <div class="con-header" style="border-bottom: 1px solid #8b0eea">
                <div style="background:#8b0eea">
                    注册公用设备工程师
                </div>
            </div>
            <div class="con-con">
                <div class="con-left fl">
                    <div class="con-text">
                        <p class="con-text-one">公用设备真题教辅</p>
                        <p>暖通空调/动力/给水排水</p>
                    </div>
                    <div class="con-left-img">
                        <div class="picTab playone">
                        </div>
                    </div>
                    <div class="con-left-btn">
                        查看更多
                    </div>
                </div>
                <div class="con-right con-rightone fr">
                    <div class="fr-header">
                        <a href="javascript:;" class="fr">
                            <i></i>
                            幻灯片
                        </a>
                    </div>
                    <div class="conBookDiv conBookDivone"></div>
                    <div class="conBookDiv conBookDivtwo"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div>
            <div class="footer-nav">
                <div><img src="./img/1234567876543.png"><span>品类齐全</span></div>
                <div><img src="./img/AD0Iko2SCBAEGAAgpLDW2QUo3Kn_-AEwPDg8.png"><span>正品行货</span></div>
                <div><img src="./img/AD0Iko2SCBAEGAAgorDW2QUokfPZmgIwPDg8.png"><span>快速配送</span></div>
                <div><img src="./img/AD0Iko2SCBAEGAAgorDW2QUogNurhgEwPDg8.png"><span>安全交易</span></div>
                <div><img src="./img/AD0Iko2SCBAEGAAgorDW2QUogKiloAQwPDg8.png"><span>贴心服务</span></div>
            </div>
            <div class="footer-code">
                <div class="footer-imgDiv">
                    <div><img class="qrCode" src="./img/qrCode.png"></div>
                    <p class="qrCode-p">扫描进入80腾讯课堂</p>
                </div>
                <div class="footer-imgDiv">
                    <div><img class="qrCode" src="./img/qrCode (1).png"></div>
                    <p class="qrCode-p">扫描查看手机版商城
                    </p>
                </div>
                <div class="footer-imgDiv"><img src="./img/ABUIs5itBhACGAAg34b94QUoyq3fxQUw9AM49AM!200x200.png">
                    <p>扫描查看手机版商城
                    </p>
                </div>
                <div class="footer-imgDiv"><img src="./img/ABUIABACGAAg5sL-4QUooJ6bpgEwrgM4rgM!200x200.png">
                    <p>扫描关注公众号：EDU80</p>
                </div>
            </div>
            <div class="footer-p">
                <p>手机版 |本站使用凡科商城搭建 | 管理登录 | 皖ICP备16020268号</p>
                <div>
                    <span>0</span>
                    <span>0</span>
                    <span>0</span>
                    <span>5</span>
                    <span>2</span>
                    <span>2</span>
                    <span>3</span>
                    <span>0</span>
                </div>
            </div>
        </div>
    </div>
    <div class="backTop"></div>
    <div class="side">
        <div class="footTop">
            <ul class="sideicon">
                <li class="iconfont icon-user ziliao">
                    <div class="sideCon sideConziliao">我的资料<span>◆</span></div>
                </li>
                <li class="iconfont icon-star shoucang">
                    <div class="sideCon sideConshoucang">我的收藏<span>◆</span></div>
                </li>
                <li class="sideicongouwu">
                    <i class="iconfont icon-gift"></i>
                    <span>购物车</span><br />
                    <span class="num">0</span>
                </li>
                <li class="iconfont icon-switchuser"></li>
            </ul>
        </div>
        <div class="footbottom">
            <ul class="sideicon">
                <li class="iconfont icon-edit liuyan">
                    <div class="sideCon sideConliuyan">留言<span>◆</span></div>
                </li>
                <li class="iconfont icon-qrcode sideiconphone">
                    <div class="sideConmsg">
                        <img src="./img/qrCode(99).png">
                        <div class="sideConphone">
                            查看手机网站
                        </div>
                        <div class="sideConfont">
                            ◆
                        </div>
                    </div>
                </li>
                <li class="iconfont icon-up rollbackTop" style="font-size:12px;">
                    <br />
                    <span>TOP</span>
                    <div class="sideCon">回到顶部<span>◆</span></div>
                </li>
            </ul>
        </div>
    </div>
    <script src="./js/jquey3.31.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>